<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Chi Tiet San Pham</title>
    
    <!--Thư viện hiệu ứng animate-->
    <link href="css/animate.min.css" rel="stylesheet" type="text/css"/>
    <!--Thư viện icon font-awesome-->
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!--css for supper slide -->
    <link rel="stylesheet" type="text/css" href="css/superslides.css">
    <!--Reset css về mặc định trên các trình duyệt-->
	<link href="css/normalize.css"  rel="stylesheet" type="text/css"/>
    <!--Css dùng chung -->
	<link href="css/reset.css"  rel="stylesheet" type="text/css"/>
    <!-- css Flexslider-->
	<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
	<!--Css chính cho toàn trang -->
	<link href="css/style.css" rel="stylesheet" type="text/css" />
    <!--Jquery -->
    <script src="js/1.7.2.jquery.min.js"></script>
	<!--scrip cho slider zoom ảnh-->
	<link href="plugins/etalage/css/etalage.css" rel="stylesheet" type="text/css" />
	<script src="plugins/etalage/js/jquery.etalage.min.js"></script>
	
</head>
<body>
<section id="fb-root"></section>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=903153506380845&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<header class="itq-header">
	<section class="itq-wrapper">
    	<section class="top">
        	<figure>
            	<a href="#">
                	<img src="uploads/logo.png">
                </a>
            </figure>
            <section class="type-product">
            	
            </section>
            <section class="top-image">
            
            </section>
        </section><!--.top-->
        
        
    </section><!-- .itq-wrapper -->
    
  
</header><!-- .itq-header -->
<section class="clear"></section>
<nav class="itq-menu">
	<section class="itq-wrapper">
    	<ul class="main">
            	<li class="main">
                	<a href="#">Trang chủ </a>
                </li>
                <li class="main">
                	<a href="#">giới thiệu </a>
                </li>
                <li class="main">
                	
                	<a href="#">Sản phẩm  </a>
                    <ul class="item">
                    <section class="arrow"></section>
                    	<li class="item">
                        	<a href="#">
                            	Members card vip
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	Members card normal
                            </a>
                        </li >
                        <li class="item">
                        	<a href="#">
                            	Members vip
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="main">
                	<a href="#">Tin tức </a>
                </li>
                <li class="main">
                	<a href="#">Dịch vụ </a>
                </li>
                <li class="main">
                	<a href="#">Dự án</a>
                </li>
                <li class="main">
                	<a href="#">Liên hệ</a>
                </li>
            
            </ul>
            <section class="search-menu">
            	<form method="post" action="">
                	<input type="text" placeholder="Từ khoá tìm kiếm ...">
                    <input type="submit" value="">
                </form>
            </section>
    
    </section>  <!--.itq-wrapper-->      
</nav><!--.itq-menu-->  
<section class="clear"></section>


<section class="itq-feature">
	<section class="itq-wrapper">
    	<ul>
        	<li><a href="#">Xe đạp điện mới</a></li>
            <li><a href="#">XE ĐẠP ĐIỆN CŨ</a></li>
            <li><a href="#">BẢO HÀNH</a></li>
            <li><a href="#">Khuyến mãi</a></li>
            <li><a href="#">Chính sách</a></li>
            <li><a href="#">Mua bán</a></li>
        </ul>
    
    </section> <!--.itq-wrapper-->   
</section><!--.itq-feature-->
<section class="clear"></section>

<section class="itq-slider" >
	  <section class="itq-wrapper">
      	  <section class="search-product">
          	 <header>
             	<h3>Tìm xe</h3>
             </header>
             <section class="form-search">
             	<form method="post" action="#">
                	<section >
                    	<p>
                        	Hãng xe
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section >
                    	<p>
                        	Quãng đường đi khi pin đầy
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section class="pan6 tt" >
                    	<p>
                        	Tình trạng xe
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section class="pan6 mau" >
                    	<p>
                        	Màu xe
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section >
                    	<p>
                        	Khoảng giá
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section >
                    	<input type="submit" value="Tìm kiếm">
                    </section>
                </form>
             </section>
             
          </section><!-- .search-product -->
      </section><!-- .itq-wrapper -->
      <section id="slides">
          <ul class="slides-container">
              <li>
                  <img src="uploads/slide-1.jpg" alt="">
              </li>
              <li>
                  <img src="uploads/slide-1.jpg" alt="">
              </li>
          </ul>
          
      
          <!-- <nav class="slides-navigation">
            <a href="#" class="next"><img src="images/next.png"></a>
            <a href="#" class="prev"><img src="images/prev.png"></a>
          </nav> -->
      </section> <!-- .itq-slides -->

</section><!-- .itq-slider -->
<section class="clear"></section>



<section class="itq-adv">
    	<section class="carousel">
          <ul>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
          </ul>
    </section><!-- .carousel-->
</section><!-- .itq-adv -->
<section class="clear"></section>



<section class="itq-container">
	<section class="bao-detail">
        <section class="detail-product">
            <section class="itq-wrapper">
				<section class="ndt-product-details">
					<section class="ndt-slide-product">
						<div id="examples">
						<ul id="etalage">
							<li>
								<a href="">
									<img class="etalage_thumb_image" src="uploads/slide-1.png"/>
									<img class="etalage_source_image" src="uploads/slide-1.png"/>
								</a>
							</li>
							<li>
								<a href="">
									<img class="etalage_thumb_image" src="uploads/slide-1.png"/>
									<img class="etalage_source_image" src="uploads/slide-1.png"/>
								</a>
							</li>
							<li>
								<a href="">
									<img class="etalage_thumb_image" src="uploads/slide-1.png"/>
									<img class="etalage_source_image" src="uploads/slide-1.png"/>
								</a>
							</li>
							<li>
								<a href="">
									<img class="etalage_thumb_image" src="uploads/slide-1.png"/>
									<img class="etalage_source_image" src="uploads/slide-1.png"/>
								</a>
							</li>
							<li>
								<a href="">
									<img class="etalage_thumb_image" src="uploads/slide-1.png"/>
									<img class="etalage_source_image" src="uploads/slide-1.png"/>
								</a>
							</li>
							<li>
								<a href="">
									<img class="etalage_thumb_image" src="uploads/slide-1.png"/>
									<img class="etalage_source_image" src="uploads/slide-1.png"/>
								</a>
							</li>
						</ul>
					</div>
					</section>
	<!--scrip etalage-->
					
		<script>
		jQuery(document).ready(function($){

			$('#etalage').etalage({
				thumb_image_width: 475,
				thumb_image_height: 350,
				source_image_width: 950,
				source_image_height: 700,
				autoplay: false,
				small_thumbs: 5,
				show_hint: false,
				zoom_area_width: 500,
				zoom_area_height: 500,
				click_callback: function(image_anchor, instance_id){
					alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
				}
			});


		});
	</script>
					
					
					
					<section class="ndt-details-info">
						<header>
							<h3>Xe đạp điện 133iM3 - 80 KM</h3>
						</header>
						<article>
							<ul class="list-info-product">
								<li>
									<p>Mã số xe : <span>133iM3</span></p>
								</li>
								<li>
									<p>Màu xe    : <span>Vàng</span></p>
								</li>
								<li>
									<p>Hãng sản xuất : <span>Yamaha</span></p>
								</li>
								<li>
									<p>Bảo hành : <span>36 tháng</span></p>
								</li>
								<li>
									<p>Vân chuyển : <a href="#">Dịch vụ vận chuyển</a></p>
								</li>
								<li>
									<p>Trạng thái : <span>Mới</span></p>
								</li>
							</ul>
							<section class="ndt-social">
								<div class="like">
									<div class="kun-item">
										<div class="fb-like fb_iframe_widget" data-href="http://www.toibay.vn/tin-tuc-24h/den-phu-yen-de-tham-lang-nghe-det-tho-cam-truyen-thong-cua-nguoi-e-de-56298.html" data-send="false" data-layout="button_count" data-width="30" data-show-faces="false" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&amp;href=http%3A%2F%2Fwww.toibay.vn%2Ftin-tuc-24h%2Fden-phu-yen-de-tham-lang-nghe-det-tho-cam-truyen-thong-cua-nguoi-e-de-56298.html&amp;layout=button_count&amp;locale=vi_VN&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=30"><span style="vertical-align: bottom; width: 84px; height: 20px;"><iframe name="f6ff1f9c" width="30px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:like Facebook Social Plugin" src="http://www.facebook.com/plugins/like.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FKFZn1BJ0LYk.js%3Fversion%3D41%23cb%3Df27eda9224%26domain%3Dwww.toibay.vn%26origin%3Dhttp%253A%252F%252Fwww.toibay.vn%252Ffac393834%26relation%3Dparent.parent&amp;href=http%3A%2F%2Fwww.toibay.vn%2Ftin-tuc-24h%2Fden-phu-yen-de-tham-lang-nghe-det-tho-cam-truyen-thong-cua-nguoi-e-de-56298.html&amp;layout=button_count&amp;locale=vi_VN&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=30" style="border: none; visibility: visible; width: 84px; height: 20px;" class=""></iframe></span></div>
									</div>
								</div>
								<div class="share">
									<div class="kun-item">
										<div class="fb-share-button fb_iframe_widget" data-href="http://www.toibay.vn/tin-tuc-24h/den-phu-yen-de-tham-lang-nghe-det-tho-cam-truyen-thong-cua-nguoi-e-de-56298.html" data-type="button_count" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&amp;href=http%3A%2F%2Fwww.toibay.vn%2Ftin-tuc-24h%2Fden-phu-yen-de-tham-lang-nghe-det-tho-cam-truyen-thong-cua-nguoi-e-de-56298.html&amp;locale=vi_VN&amp;sdk=joey&amp;type=button_count">
										<span style="vertical-align: bottom; width: 94px; height: 20px;"><iframe name="f1dc0dd5ac" width="1000px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:share_button Facebook Social Plugin" src="http://www.facebook.com/plugins/share_button.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FKFZn1BJ0LYk.js%3Fversion%3D41%23cb%3Df33b9d2a3c%26domain%3Dwww.toibay.vn%26origin%3Dhttp%253A%252F%252Fwww.toibay.vn%252Ffac393834%26relation%3Dparent.parent&amp;href=http%3A%2F%2Fwww.toibay.vn%2Ftin-tuc-24h%2Fden-phu-yen-de-tham-lang-nghe-det-tho-cam-truyen-thong-cua-nguoi-e-de-56298.html&amp;locale=vi_VN&amp;sdk=joey&amp;type=button_count" style="border: none; visibility: visible; width: 94px; height: 20px;" class=""></iframe></span>
										</div>
									</div>
								</div>
								<div class="google-share">
									<script src="https://apis.google.com/js/platform.js" async defer>
										{lang: 'vi'}
									</script>
									
									<div class="g-plus" data-action="share" data-annotation="bubble"></div>
								</div>
							</section>
							<p class="ndt-price">Giá:<span>15.000.000 VNĐ</span></p>
							<p class="ndt-cart">
								<a href="#">Đặt Mua</a>
							</p>
						</article>
						<section class="ndt-promotional">
								<h3>Khuyến Mại</h3>
								<p class="info-promotion">Sản phẩm này chưa có chương trình khuyến mãi</p>
						</section>
					</section>
				</section>
				<section class="clear"></section>
				<section class="ndt-parameter">
					<header>
						<h3>Thông số xe</h3>
					</header>
					<table>
						<tr>
							<td>Ngoại Hình</td>
							<td></td>
						</tr>
						<tr>
							<td>Chiều dài x chiều rộng x chiều cao</td>
							<td></td>
						</tr>
						<tr>
							<td>Chiều cao yên xe</td>
							<td></td>
						</tr>
						
						<tr>
							<td>Đường kính bánh xe</td>
							<td></td>
						</tr>
						
						<tr>
							<td>Tính năng</td>
							<td></td>
						</tr>
						
						<tr>
							<td>Cách thức thao tác</td>
							<td>Tự động</td>
						</tr>
						
						<tr>
							<td>Quãng đường đi được khi pin đầy</td>
							<td>120km</td>
						</tr>
						
						<tr>
							<td>Vận tốc tối đa</td>
							<td>45km</td>
						</tr>
						
						<tr>
							<td>Phụ kiện xe</td>
							<td>45km</td>
						</tr>
						
						<tr>
							<td>Bộ phận tích điện</td>
							<td>Ắc-quy</td>
						</tr>
						
						<tr>
							<td>Sặc điện</td>
							<td>Ắc-quy</td>
						</tr>
						
						
						<tr>
							<td>Sặc điện</td>
							<td>Ắc-quy</td>
						</tr>
						
						
						<tr>
							<td>Sặc điện</td>
							<td>Ắc-quy</td>
						</tr>
						
						
						<tr>
							<td>Sặc điện</td>
							<td>Ắc-quy</td>
						</tr>
						
						
						<tr>
							<td>Sặc điện</td>
							<td>Ắc-quy</td>
						</tr>
						
						<tr>
							<td>Sặc điện</td>
							<td>Ắc-quy</td>
						</tr>
						
					</table>
				</section>
				<section class="clear"></section>
            </section><!-- .itq-wrapper -->
        </section><!-- .detail-product -->
	</section>	
		<section class="list-product">
					<section class="itq-wrapper">
						
						<header class="header-content">
							<nav class="other-product">
								<ul>
									<li class="sphk"><img src="images/list-style.png" /><p>các sản phẩm cùng hãng sản xuất</p></li>
									
								</ul>
							</nav>
							<section class="clear"></section>
							<nav class="nav-content">
								<ul class="ul-content">
									<li class="li-logo">
										<img src="uploads/cate-1.jpg"/>
									</li>
									<li class="li-topic"><a href="">xe mới</a></li>
									<li class="li-topic"><a href="">xe cũ</a></li> 
									<li class="li-topic"><a href="">tất cả</a></li> 
									<li class="li-topic"><a href="">khuyến mãi</a></li> 
								</ul>
							</nav>
						</header>
						<section class="inter-product">
							<figure class="one-product">
								<a href=""><img src="uploads/pro-1.jpg"/></a>
								<figcaption class="name-price">
									<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
									<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
								</figcaption>
							</figure>
							<figure class="one-product">
								<a href=""><img src="uploads/pro-1.jpg"/></a>
								<figcaption class="name-price">
									<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
									<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
								</figcaption>
							</figure>
							<figure class="one-product">
								<a href=""><img src="uploads/pro-1.jpg"/></a>
								<figcaption class="name-price">
									<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
									<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
								</figcaption>
							</figure>
							<figure class="one-product">
								<a href=""><img src="uploads/pro-1.jpg"/></a>
								<figcaption class="name-price">
									<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
									<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
								</figcaption>
							</figure>
							<figure class="one-product">
								<a href=""><img src="uploads/pro-1.jpg"/></a>
								<figcaption class="name-price">
									<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
									<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
								</figcaption>
							</figure>
							<figure class="one-product">
								<a href=""><img src="uploads/pro-1.jpg"/></a>
								<figcaption class="name-price">
									<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
									<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
								</figcaption>
							</figure>
							<figure class="one-product">
								<a href=""><img src="uploads/pro-1.jpg"/></a>
								<figcaption class="name-price">
									<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
									<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
								</figcaption>
							</figure>
							<figure class="one-product">
								<a href=""><img src="uploads/pro-1.jpg"/></a>
								<figcaption class="name-price">
									<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
									<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
								</figcaption>
							</figure>
						</section>
					</section><!-- .itq-wrapper -->
				</section><!-- .list-product -->
<!-- Hai cái quảng cáo -->
	<figure class="avd-left"><img src="uploads/qc-left.jpg"/></figure>
	<figure class="avd-right"><img src="uploads/qc-right.jpg"/></figure>

        <section class="block-footer">
            <section class="itq-wrapper">
                <section class="category">
                	<ul>
                    	<li>
                        	<a href="#"><img src="uploads/cate-1.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-1.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-1.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-1.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-1.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-1.jpg"></a>
                        </li>
                    </ul>
                </section>
                <section class="news-hot">
                	<header>
                    	<h3>Tin tức nổi bật</h3>
                    </header>
                    <ul>
                    	<li>
                        	Tín hiệu tốt lành từ dịch vụ Ký Gửi Xe
                        </li>
                        <li>
                        	Khuyến mãi lớn nhân dịp Tết
                        </li>
                        <li>
                        	Giảm giá hãng xe Honda 15%
                        </li>
                        <li>
                        	Những mẫu xe đạp điện HOT tháng 10
                        </li>
                        <li>
                        	Xu hướng xe đạp điện hiện nay
                        </li>
                    </ul>
                
                </section>
               	<section class="like-facebook">
					<section class="baofb">
						<img class="fbtren" src="images/bofb-tren.png"/>
						<img class="fbduoi" src="images/bofb-duoi.png"/>
							<section class="fb-like-box" 
								 data-href="https://www.facebook.com/FacebookDevelopers" 
								 data-width="230" data-height="230" 
								 data-colorscheme="light" 
								 data-show-faces="true" 
								 data-header="true" 
								 data-stream="false" 
								 data-show-border="true"
								 >
								 
							</section>
					</section>
                </section>
            </section><!-- .itq-wrapper -->
    
        </section><!-- .block-footert -->
</section><!-- .itq-container -->
<section class="clear"></section>



<footer class="itq-footer">
	<nav class="menu-footer">
    	<section class="itq-wrapper">
       		<ul>
        	<li><a href="#">Xe đạp điện mới</a></li>
            <li><a href="#">XE ĐẠP ĐIỆN CŨ</a></li>
            <li><a href="#">BẢO HÀNH</a></li>
            <li><a href="#">Khuyến mãi</a></li>
            <li><a href="#">Chính sách</a></li>
            <li><a href="#">Mua bán</a></li>
        </ul>
        </section>
    </nav><!-- .menu-footer -->
    <section class="info-footer">
        <section class="itq-wrapper">
        	<figure>
            	<a href="#">
                	<img src="uploads/logo.png">
                </a>
            </figure>
            <ul>
            	 
            	<li>
                	<h1>Xe đạp điện Hoàng Long</h1>
                </li>
                <li>
                	<p>Liên hệ trực tiếp : Anh Hùng  </p>
                </li>
                <li>
                	<p>Địa chỉ : Số 234B Thụy Khuê - Hà Nội</p>
                </li>
                 <li>
                	<p>Email : xedapdien@gmail.com </p>
                </li>
                 <li>
                	<p>Điện Thoại : 0986 131 037 - 0987 454 343. </p>
                </li>
            </ul>
            <section class="type-product">
            	
            </section>
        
        </section> <!-- .itq-wrapper -->
    </section><!-- .info-footer -->
    
    
     <section class="copyright-footer">
        <section class="itq-wrapper">
        	<p>
            	Copyright 2014 by : Royaldesign.vn Design & Developer by :  <a href="#">ITQ.VN</a>
            </p>
        </section> <!-- .itq-wrapper -->
    </section><!-- .copyright-footer -->
        
        
</footer><!-- .itq-footer -->
<section class="clear"></section>


<!--Thư viện jcarousellite -->
<script src="js/jcarousellite_1.0.1.min.js" type="text/javascript"></script>
<!--Thư viện superslide -->
<script src="plugins/supperslide/jquery.easing.1.3.js"></script>
<script src="plugins/supperslide/jquery.animate-enhanced.min.js"></script>
<script src="plugins/supperslide/hammer.min.js"></script>
<script src="plugins/supperslide/jquery.superslides.min.js"></script>

		<script type='text/javascript'>
		$(document).ready(function(){
			$(window).scroll(function() {
			if ($(window).scrollTop() > 400) {
				$("figure.avd-left").css("position", "fixed");
				$("figure.avd-left").css("top", "250px");
				$("figure.avd-left").css("left", "0px");
				$("figure.avd-right").css("position", "fixed");
				$("figure.avd-right").css("top", "250px");
				$("figure.avd-right").css("right", "0px");
				$("figure.avd-right").css("display", "block");
				$("figure.avd-left").css("display", "block");
			}
			else {
				$("figure.avd-left").css("display", "none");
				$("figure.avd-right").css("display", "none");
			}
		});
		});
		</script>
	<!----------------->
<script>
	$(document).ready(function(e) {
		//goi slide jcarousellite
        $(".carousel").jCarouselLite({
			  auto: 5000,
			  speed: 500,
			  visible: 10
		  });
		//goi slide supperslide
		$('#slides').superslides({
			play:10000,
			pagination:false,
			hashchange:false,
			inherit_width_from:'.itq-slider',
			inherit_height_from:'.itq-slider'
		  });
    });
</script>
<!-- Thư viện Flexsilder-->
	<script src="plugins/flexslider/jquery.flexslider.js"></script>
    <script src="plugins/flexslider/jquery.flexslider-min.js"></script>
<script>
	// Can also be used with $(document).ready()
	$(window).load(function() {
	  $('.flexslider').flexslider({
		animation: "slide",
		controlNav: "thumbnails"
	  });
	});
</script>
</body>
</html>